<script setup>
import { ref ,nextTick} from 'vue'

const count = ref(0)

async function increment() {
  count.value++

  // dom还没有更新，
  console.log(document.getElementById('counter').textContent) // 0
  //纯英文意思可以理解为下一个刻度，其实就是dom更新后的下一个时间点，意思就是这个代码之后的逻辑需要在dom更新信息之后执行
  await nextTick()
  // dom已经更新了，这段代码可以执行了
  console.log(document.getElementById('counter').textContent) // 1
}
</script>

<template>
  <button id="counter" @click="increment">nextTict test:   v{{ count }}</button>
</template>